<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">
    <ui:define name="content">
        <div class="Container100">
            <div class="ContainerIndent">
                <div class="Card">
                    <div class="Container100">
                        <div class="ContainerIndent">
                            <div class="Container100 TexAlCenter"><i class="icon-mountains14 Red Fs130 MarTop20" style="line-height:1 !important;"/></div>
                            <h1 class="TexAlCenter Fs40 Red">Volt Documentation</h1>
                            <div class="EmptyBox40"/>
                            <p:panel>
                                <div class="Fs20 TexAlCenter Red">Displaying</div>
                                <div class="EmptyBox10"/>
                                <p:panelGrid columns="3" styleClass="Wid100">
                                    <h:outputText value="Class Group" styleClass="Orange Fs20 Wid30"/>
                                    <h:outputText value="Class Name" styleClass="Orange Fs20 Wid30"/>
                                    <h:outputText value="Instructions" styleClass="Orange Fs20 Wid40"/>

                                    <h:outputText value="Displaying" styleClass="Fs20"/>
                                    <h:outputText value="DispBlock" styleClass="Blue"/>
                                    <h:panelGroup>
                                        Displays an element as a block element<br /> <br />
                                    </h:panelGroup>

                                    <h:outputText styleClass="Fs20"/>
                                    <h:outputText value="DispNone" styleClass="Blue"/>
                                    <h:panelGroup>
                                        The element will not be displayed at all (has no effect on layout)<br /> <br />
                                    </h:panelGroup>

                                    <h:outputText styleClass="Fs20"/>
                                    <h:outputText value="DispTable" styleClass="Blue"/>
                                    <h:panelGroup>
                                        The element behaves like a table element<br /> <br />
                                    </h:panelGroup>

                                    <h:outputText styleClass="Fs20"/>
                                    <h:outputText value="DispInlBlock" styleClass="Blue"/>
                                    <h:panelGroup>
                                        Displays an element as an inline-level block container.
                                        The inside of this block is formatted as block-level box,
                                        and the element itself is formatted as an inline-level box<br /> <br />
                                    </h:panelGroup>

                                    <h:outputText styleClass="Fs20"/>
                                    <h:outputText value="DispTableCell" styleClass="Blue"/>
                                    <h:panelGroup>
                                        Lets the element behave like a td element<br /> <br />
                                    </h:panelGroup>

                                    <h:outputText styleClass="Fs20"/>
                                    <h:outputText value="DispInline" styleClass="Blue"/>
                                    <h:panelGroup>
                                        Displays an element as an inline element ( like &lt;span&gt; )<br /> <br />
                                    </h:panelGroup>
                                </p:panelGrid>
                            </p:panel>
                            <div class="EmptyBox60"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>